import React,{ Component } from 'react';
import {
	View,
	Text,
	Image,
	StyleSheet
} from 'react-native';

const NOCOLLECT = require('../assets/images/nocollect.png');
const NODATA = require('../assets/images/nodata.png');
const NOPUBLISH = require('../assets/images/nopublish.png');
const NOSYSTEM = require('../assets/images/nosystem.png');
export{NOCOLLECT, NODATA, NOPUBLISH, NOSYSTEM}

export default class NoDataPage extends Component{

	constructor(props) {
		super(props);
		//console.log("imageSource:"+this.props.imageSource);
	}

	render(){
		return(
			<View style={styles.container}>
				<Image
					style={styles.image}
					source={this.props.imageSource?this.props.imageSource:NODATA}
				/>
				<Text style={styles.text}>{this.props.text?this.props.text:"未搜索到相关数据"}</Text>
			</View>
		)
	}
}

const styles=StyleSheet.create({
	container:{
		flex:1,
		justifyContent:'center',
		alignItems:'center'
	},
	image:{
		width:200,
		height:200,
	},
	text:{
		color:"#757575",
		fontSize:16
	}
})
